*
  margin: 0;
  padding: 0;

body
  font: 14px 'Microsoft Yahei';
  // css自定义属性/变量 ，用于todos的高度计算，服务于滚动条功能
  // 不足：是根据头部尾部高度计算的，而非由它去控制头部尾部的高度。可如果用它控制高度，字体大小就受限制。
  --header-height: 144px;
  --footer-height: 68px;

  // 使用伪元素为body设置一个透明蒙版
  &::before
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    // 背景图片
    // style文件在的相对路径, 相对于当前的reset.styl这个文件
    background-image: url('~images/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #dff6fc;
    // 背景图片位置固定，猫咪固定在右下
    background-attachment: fixed;
    background-position: right bottom;
    opacity: 0.6;
    z-index: -1;